<!DOCTYPE html>
<html lang="">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>歌曲详情</title>
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/article.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/getSong.css">
    <!-- Bootstrap CSS -->
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
    <!-- toast弹窗 -->
    <div class="toast_success">
        <span class="glyphicon glyphicon-ok-sign"></span>
        <p>操作成功！</p>
    </div>

    <div class="toast_error">
        <div class="glyphicon glyphicon-remove-sign"></div>
        <p>操作失败！</p>
    </div>

    <div class="container-fluid" id="song">
        <!-- <h1 >Hello World</h1> -->
        <div class="row header">
            <div class="left">
                <img src="https://p1.music.126.net/SA6bW1UlPP04rFB2pj-FvQ==/109951165813403264.jpg" alt="" width="185"
                    class="img-container">
            </div>

            <div class="right">
                <div class="title">
                    <a href="javascript:;" class="drf">歌单</a>
                    <p id="name"></p>
                </div>
                <div class="message">
                    <img src="https://p1.music.126.net/SA6bW1UlPP04rFB2pj-FvQ==/109951165813403264.jpg" alt=""
                        class="img-circle" height="24">
                    <a href="javascript:;">YouTube全球音乐</a>
                    <time>2021-01-16 创建</time>
                </div>
                <div class="btns">
                    <a href="javascript:;" class="redA" style="background-color: #EC4141;">
                        <span class="glyphicon glyphicon-play fc-white"></span>
                        播放全部
                        <span class="glyphicon glyphicon-plus fc-white"></span>
                    </a>
                    <a href="javascript:;" class="gray">
                        <span class="glyphicon glyphicon-inbox"></span>
                        收藏
                        <span>（1万）</span>
                    </a>
                    <a href="javascript:;" class="gray">
                        <span class="glyphicon glyphicon-share"></span>
                        分享
                        <span>（72）</span>
                    </a>
                    <a href="javascript:;" class="gray">
                        <span class="glyphicon glyphicon-download-alt"></span>
                        下载全部

                    </a>
                </div>
                <div class="tags">
                    标签：<a href="javascript:;">华语</a>/<a href="javascript:;">流行</a>/<a href="javascript:;">伤感</a>
                </div>
                <div class="bil">
                    <span>歌曲：40</span><span>播放161万</span>
                </div>
                <div class="brief ">
                    简介：<span>我有一千种想见你的理由…</span>
                </div>
            </div>

        </div>
    </div>


    <!-- jQuery -->
    <script src="node_modules/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="node_modules/axios/dist/axios.min.js"></script>
    <script src="node_modules/vue/dist/vue.min.js"></script>
    <script src="js/api.js"></script>
    <script src="js/getSong.js"></script>
    <script>
        
    </script>
</body>

</html>